/* 定义body 居中。
 * 分头，两列，尾，两列居中
 * 左边的大，右边的小
 */
body {
    text-align:center;
    font:13px Verdana,Arial,Tahoma,宋体;
    padding:0px;
    margin:0px;
}


/**
 * 链接的样式
 */
a:link   {  
  font-family:   "宋体";  
  line-height:   16px;  
  color: #0a72f3;
  text-decoration:   none;  

}  
  a:visited   {  
  font-family:   "宋体";  
  line-height:   16px;  
  color: #0a72f3;
  text-decoration:   none;  
}

a:hover   {  
  font-family:   "宋体";  
  line-height:   18px;  
  color: #0a72f3;
  text-decoration: underline;
}  

a:active   {  
  font-family:   "宋体";  
  line-height:   18px;  
  color: #0a72f3;
  text-decoration: underline;
}   


/*
 * 定义头部的DIV
 */
#main_header {
    position: relative; 
    width: 900px;
    height:80px;
    margin:2px auto;
    text-align: center;
    z-index: 3;
}

/*
 * 小菜单
 */
#small_menubar {
    position: relative; 
    width:95%;
    height:25px;
    text-align:right;
    margin:0px auto;
    color: #0a72f3;

}

#small_menubar a {
  color:   #2357c0;
}

/*
 * 主要的菜单
 */
#main_menubar {
    position: relative; 
    width:95%;
    height:25px;
    text-align:right;
    margin:27px auto;
    color: #0a72f3;

}

/*
 * 定义最外层的DIV
 * 定义高度，宽度
 *
 */
#main_layout {
    position: relative; 
    border:1px solid #A9C9E2;
    width:900px;
    height:650px;
    text-align:center;
    margin:0px auto;
    padding: 12px 12px 12px 12px;
}

#main_layout_2 {
    position: relative; 
    border:1px solid #A9C9E2;
    width:900px;
    min-height:1150px;
    text-align:center;
    margin:0px auto;
    padding: 12px 12px 12px 12px;
}

#main_layout_3 {
    position: relative; 
    border:1px solid #A9C9E2;
    width:900px;
    min-height:1350px;
    text-align:center;
    margin:0px auto;
    padding: 12px 12px 12px 12px;
}



/**
 * 在layout里面也分成三个部分
 * 左侧的大区，右则的登录去
 * 下部的展示区
 */
#layout_left {
    position: relative; 
    float:left;
/*    border:1px solid #A9C9E2; */
    width:610px;
    height:350px;
    text-align:center;
    margin:0px auto;
}

#layout_right {
    position: relative; 
    float:right;
    border:1px solid #b7ddf2;
    width:274px;
    height:350px;
    text-align:center;
    margin:0px auto;
    background:#ebf4fb;
}

/**
 * 左侧的小工具栏
 */
#layout_tool_left_area {
    position: relative; 
    float:left;
    border:1px solid #A9C9E2;
    width:204px;
    height:600px;
    text-align:left;
    margin:10px auto;
    background:#ebf4fb;

}

/**
 * 左侧工具栏得菜单标题
 */
#layout_tool_left_area h1 {
    font-size: 12px;
    color: #2357c0;
    border: 0px;
    border-bottom: 1px solid #A9C9E2;
    text-align:center;
}

/**
 * 左侧工具栏得菜单
 */
#layout_tool_left_area ul li {
    margin: 20px auto;
}

/**
 * 右侧的结果内容显示区 
 */
#layout_tool_right_area {
    position: relative; 
    float:right;
    width:680px;
    height:600px;
    text-align:center;
    margin:10px auto;
}

#layout_tool_right_area h1 {
    font-size: 16px;
    color: #2357c0;
    border: 0px;
    border-bottom: 1px solid #A9C9E2;

}

#weather_your_city {
    position: relative; 
    width:680px;
    height:250px;
    text-align:center;
    margin:auto;
    border:1px solid #A9C9E2;

}


/**
 * 通告区
 */
#right_notify {
    text-align:center;
    margin:0px auto;
}

#right_notify h1 {
    font-size: 14px;
    color: red;
}

#right_notify p {
    font-size: 12px;
    color:#666666;
}

#right_notify a {
    color:red;
}

/**
 * 通告区结束
 */


/**
 * 登录区
 */
#mylogin {
    text-align:center;
    margin:0px auto;
}

#mylogin input {
    font-size:12px;
    padding:4px 2px;
    border:solid 1px #aacfe4;
    width:130px;
}

#mylogin button {
    clear:both;
    margin-left:150px;
    width:125px;
    height:31px;
    background:#666666;
    text-align:center;
    line-height:31px;
    color:#FFFFFF;
    font-size:11px;
    font-weight:bold;

}



#layout_bottom {
    position: relative; 
    float:left;
    border:1px solid #A9C9E2;
    width:890px;
    height:240px;
    text-align:center;
    margin:0px auto;
}

#layout_top {
    position: relative; 
    width:890px;
    height:20px;
    text-align:left;
    margin:2px 2px 5px 2px;
    font-size:12px;
    color: #0a72f3;

}

#layout_center {
    position: relative; 
    float: left;
    border:1px solid #A9C9E2;
    width:890px;
    height:20px;
    text-align:center;
    margin:5px 2px 5px 2px;

}

#navigation_column {
    position: relative; 
    width:890px;
    height:20px;
    text-align:left;
    margin:2px 2px 5px 2px;
    font-size:12px;
    color: #0a72f3;
    border: 0px;
    border-bottom: 1px solid #A9C9E2;
}



/**
 * 定义footer
 */
#main_footer {
    position: relative; 
    width:900px;
    height:20px;
    text-align:center;
    margin:15px auto;
    color: #2357c0;
}

/**
 * 定义版权部分
 */
#main_copyright {
    position: relative; 
    width:900px;
    height:20px;
    text-align:center;
    margin:15px auto;
    color: #2357c0;
}


#main_footer a {
    color: #2357c0;
}

#main_footer a:link, #main_footer a:visited {
    color: #2357c0;
}

#main_footer a:hover, #main_footer a:active {
    color: #2357c0;
    text-decoration: underline;
}


/**
 * 纯粹的CSS下拉菜单
 */
#navigation , #navigation li ul{
    padding:0;
    margin:0;
    list-style-type: none;
    color:#0a72f3;
}
#navigation li {
    float:right;
    text-align:center;
    position:relative;
}
#navigation li a:link, #navigation li a:visited {
    display:block;
    text-decoration:none;
    color:#0a72f3;
    width:80px;
    height:24px;
    line-height:24px;
}

#navigation li ul {
    display: none;
}
 
/* 以下只支持非IE6浏览器 */
#navigation li:hover a {
    color: #0a72f3;
    background: #c5dbf2;
    text-decoration: underline;

}
#navigation li:hover ul {
    display:block;
    position:absolute;
    top:20px;
    margin-top:1px;
    left:0px;
    width:100px;
}
#navigation li:hover ul li a {
    display:block;
    background:#c5dbf2;
    color: #0a72f3;
    text-decoration: none;
    color: #0a72f3;
    height:20px;
    line-height:20px;
    padding:5px 10px;
    width:99px;
}
#navigation li:hover ul li a:hover {
    color:#fff;
    background:#6b839c;
}
